<template>
    <div class="header-container" :style="{color:color,backgroundColor:bgcolor}" >
        <!-- {{ title || 'Header 组件' }} 其中 || 'Header 组件' 是没有给title传参的情况下的默认值 -->
        {{ title || 'Header 组件' }}
    </div>
</template>

<script>
export default {
    name:'MyHeader',
    props:['title','color','bgcolor']
}
</script>

<style lang="less" scoped >
.header-container{
    position :fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-align: center;
}
</style>